﻿{% extends "meetup_group_frame.html" %}
{% block title %}
寻找离你最近的聚友组----Find a Meetup Group near you!
{% endblock %}

{% block content %}
<div id="C_page">
  <div id="C_pageBody">
    <div style="min-height: 1096px;" id="C_context">
      <div id="C_document" class="">
        <div class="D_box calltoaction">
          <div class="D_boxbody">
            <div class="D_boxhead">
              <h1>寻找离您最近的Meet Group</h1>
              <p>在<strong>62,697 Meetup Groups</strong>,<strong>13,474 </strong>兴趣列表中寻找离您最近的聚友活动组......</p>
            </div>
            <div class="D_boxsection">
              <form method="post" action="">
                <div id="locMenu" class="D_form D_form_compact">
                  <div class="element">
                    <div class="label">
                      <label>小组兴趣名称</label>
                    </div>
                    <div class="input">
                      <input id="name" name="name" size="25" maxlength="100" value="{{form.name.data|default:""}}" title="e.g. book clubs, skiing, small business, Italian" autocomplete="off" class="D_topicSearch text textInputTip" type="text">
                    </div>
                  </div>
                  <div class="element">
                    <div class="label">
                      <label>&nbsp;</label>
                    </div>
                  </div>
                  <div class="element coPicker"> <span class="label">
                      <label for="co">城市</label>
                    </span>
                    <span class="input">
                      <select name="city" id="city" class="locNameUpdateCountry">
                        <option value="北京">北京</option>
                        <option value="others">----------------</option>
                      </select>
                    </span>
                  </div>
                  <div class="sometimesImHere"></div>
                  <div id="locPicker" class="element">
                    <div id="locSwitchable"> <span class="label">
                        <label for="zip" id="zipLabel">市区</label>
                      </span>
                      <span class="input">
                        <select name="district" id="id_district">
                          <option value="海淀区">海淀区</option>
                          <option value="朝阳区">朝阳区</option>
                        </select>
                      </span>
                    </div>
                  </div>
                  <!-- Search Button -->
                  <div class="footElement">
                    <input name="Submit" value="搜索" class="D_submit" type="submit" />
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="D_box">
          <div class="D_boxbody">
            <div class="D_boxhead">
              <h2>&#27983;&#35272;Meetup Group&#30446;&#24405; </h2>
            </div>
            <div class="D_boxsection">
              <div class="D_docsection divby3">
                <div class="D_col D_docCol first">
                  <div class="D_colbody">
                    <ul class="D_list">
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/arts/">Arts &amp; Entertainment</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://bookclub.meetup.com/">Book Club</a></li>
                            <li class="D_topic"><a href="http://dance.meetup.com/">Dance</a></li>
                            <li class="D_topic"><a href="http://movies.meetup.com/">Movie Fans</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/arts">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/business/">Business &amp; Career</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://businessnetwork.meetup.com/">Business Strategy and Networking</a></li>
                            <li class="D_topic"><a href="http://entrepreneur.meetup.com/">Entrepreneur</a></li>
                            <li class="D_topic"><a href="http://smallbiz.meetup.com/">Small Business</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/business">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/communities/">Communities &amp; Lifestyles</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://personalgrowth.meetup.com/">Personal Growth</a></li>
                            <li class="D_topic"><a href="http://vegan.meetup.com/">Vegan</a></li>
                            <li class="D_topic"><a href="http://vegetarian.meetup.com/">Vegetarian</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/communities">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/cultures/">Cultures &amp; Languages</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://lawofattraction.meetup.com/">Law of Attraction</a></li>
                            <li class="D_topic"><a href="http://language.meetup.com/">Language &amp; Culture</a></li>
                            <li class="D_topic"><a href="http://spanish.meetup.com/">Spanish Language</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/cultures">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/education/">Education</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://prodev.meetup.com/">Professional Development</a></li>
                            <li class="D_topic"><a href="http://education.meetup.com/">Education</a></li>
                            <li class="D_topic"><a href="http://philosophy.meetup.com/">Philosophy</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/education">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/health/">Health &amp; Support</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://fitness.meetup.com/">Fitness</a></li>
                            <li class="D_topic"><a href="http://alternative.meetup.com/">Alternative Health</a></li>
                            <li class="D_topic"><a href="http://meditation.meetup.com/">Meditation</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/health">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/hobbies/">Hobbies</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://diningout.meetup.com/">Dining Out</a></li>
                            <li class="D_topic"><a href="http://travel.meetup.com/">Travel</a></li>
                            <li class="D_topic"><a href="http://wine.meetup.com/">Wine</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/hobbies">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="D_col">
                  <div class="D_colbody">
                    <ul class="D_list">
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/technology/">Internet &amp; Technology</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://web.meetup.com/">Web Technology</a></li>
                            <li class="D_topic"><a href="http://digcam.meetup.com/">Digital Photography</a></li>
                            <li class="D_topic"><a href="http://webdesign.meetup.com/">Web Design</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/technology">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/other/">Other</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://business-networking.meetup.com/">business networking</a></li>
                            <li class="D_topic"><a href="http://outdoors.meetup.com/">Outdoors</a></li>
                            <li class="D_topic"><a href="http://exercise-and-fun.meetup.com/">Exercise and fun</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/other">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/family/">Parenting &amp; Family</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://moms.meetup.com/">Moms</a></li>
                            <li class="D_topic"><a href="http://sahm.meetup.com/">Stay At Home Moms</a></li>
                            <li class="D_topic"><a href="http://playgroup.meetup.com/">Playgroup</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/family">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/pets/">Pets &amp; Animals</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://activedogs.meetup.com/">Active Dogs</a></li>
                            <li class="D_topic"><a href="http://smallbreeddogs.meetup.com/">Small Breed Dogs</a></li>
                            <li class="D_topic"><a href="http://dogrescue.meetup.com/">Dog Rescue</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/pets">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/politics/">Politics &amp; Activism</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://ronpaul.meetup.com/">Ron Paul Campaigns</a></li>
                            <li class="D_topic"><a href="http://politics.meetup.com/">Politics &amp; Activism</a></li>
                            <li class="D_topic"><a href="http://environment.meetup.com/">Environment</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/politics">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/religion/">Religion &amp; Beliefs</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://spirituality.meetup.com/">Spirituality</a></li>
                            <li class="D_topic"><a href="http://metaphysics.meetup.com/">Metaphysics</a></li>
                            <li class="D_topic"><a href="http://pagan.meetup.com/">Pagan</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/religion">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/science/">Science</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://consciousness.meetup.com/">Consciousness</a></li>
                            <li class="D_topic"><a href="http://alternativeenergy.meetup.com/">Alternative Energy</a></li>
                            <li class="D_topic"><a href="http://science.meetup.com/">Science</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/science">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="D_col">
                  <div class="D_colbody">
                    <ul class="D_list">
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/social/">Social</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://women.meetup.com/">Women's Social</a></li>
                            <li class="D_topic"><a href="http://nightlife.meetup.com/">Night Life</a></li>
                            <li class="D_topic"><a href="http://couples.meetup.com/">Couples</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/social">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                      <li class="D_category">
                        <div class="D_name"> <a href="http://www.meetup.com/topics/sports/">Sports &amp; Recreation</a> </div>
                        <div>
                          <ul class="D_list">
                            <li class="D_topic"><a href="http://adventurers.meetup.com/">Adventurers</a></li>
                            <li class="D_topic"><a href="http://hiking.meetup.com/">Hiking</a></li>
                            <li class="D_topic"><a href="http://sports.meetup.com/">Sports &amp; Recreation</a></li>
                            <li class="D_more"><a href="http://www.meetup.com/topics/sports">more&#8230;</a></li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
         <div id="C_nav">
        <div class="C_navBox">
          <ul class="C_contextNav">
            <li class="first"> <a href="">Search</a> </li>
            <li class="select"> <a href="">Browse Topics</a> </li>
            <li class="last"> <a href="">Browse Cities</a> </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- C_context -->
  </div>
  <!-- C_pageBody -->
</div>
<!-- C_page -->
{% endblock %}
